<template>
<transition name="cjBtn">
    <div id="cjBtn" @click="showcjBtn()">
        <router-link style="text-decoration: none;" to="/draw"><div>锦鲤附体   一键抽奖</div></router-link>
    </div>
</transition>
</template>

<script>
export default {
  name: 'cjBtn',
  methods:{
    showcjBtn(){
        this.center.$emit("showcjBtn",false)
    }
  }
}
</script>

<style>
#cjBtn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18vw;
    border: 1px solid #e5e5ea;
    background: #f4f4f6;
    z-index: 20;
}
#cjBtn div{
    height: 12.26vw;
    line-height: 12.26vw;
    width: 94.4vw;
    background: #b01f24;
    border: 1px solid #63080b;
    border-radius: 1.06vw;
    text-align: center;
    margin: 2.66vw auto;
    color: #fff;
    font-weight: bold;
    font-size: 4.53vw;
}
.cjBtn-enter-active, .cjBtn-leave-active {
  transition: opacity .5s;
}
.cjBtn-enter, .cjBtn-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
</style>